$(function () {
  let layer = layui.layer;
  $("#logout").on("click", () => {
    //需求1:用户退出功能

    //eg1
    layer.confirm("走了,老弟?", { icon: 3, title: "提示" }, function (index) {
      //跳转到登陆页面,清除token
      location.href = "/login.html";
      localStorage.removeItem("token");
      layer.close(index);
    });
  });
  getUserInfo();
});

//需求2:渲染用户头像

//获取用户信息,渲染用户名和头像封装功能
//  封装写到入口函数外面!!
//  我要这个函数时全局函数,后面的修改用户信息和头像成功后,要调用这个函数
function getUserInfo() {
  axios({
    method: "GET",
    url: "/my/userinfo",
    // headers: {
    //   Authorization: localStorage.getItem("token"),
    // },
  }).then((res) => {
    //console.log(res.data);

    //判断
    if (res.data.status !== 0) {
      return layui.layer.msg(res.data.message);
    }
    //渲染用户名和头像
    renderUserInfo(res.data.data);
  });
}
function renderUserInfo(user) {
  //欢迎 名称有要求:优先赋值昵称,不存在才赋值登录名称
  let name = user.nickname || user.username;
  //欢迎赋值
  $(".welcome").html("欢迎&nbsp;" + name);
  //判断显示图片头像或者文字头像
  if (user.user_pic == null) {
    //没有头像就显示文字
    $(".avatar-img").hide();
    $(".avatar-text").show().html(name[0].toUpperCase());
  } else {
    //有头像就显示图片
    //prop 操作基础属性(表单), attr 操作自定义属性
    $(".avatar-img").show().attr("src", user.user_pic);
    $(".avatar-text").hide();
  }
}
